<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../demo10/js/jquery-3.6.0.js"></script>
    <title>健康管理</title>
    <style>

    </style>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/test.css">
    <link rel="stylesheet" href="css/04.css">
    <!-- <link rel="stylesheet" href="../css/yiyuanshouye.css">
    <link rel="stylesheet" href="../css/shouye.css"> -->
    <script src="../../day08/js/jquery-3.6.0.js"></script>
    <script src="js/page1.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="../styleup/foot/foot2.js"></script>
    <script>
        window.onload = function() {
            document.getElementById('a').onmouseover = function() {
                document.getElementsByTagName('div')[0].style.backgroundImage = "url('images/banner.jpg')"
            }
            document.getElementById('b').onmouseover = function() {
                document.getElementsByTagName('div')[0].style.backgroundImage = "url('images/banner-3.jpg')"
            }
            var arr = ["url('images/banner.jpg')", "url('images/banner-3.jpg')"]
            var index = 0
            setInterval(function() {
                index++
                if (index > 2) {
                    index = 0;
                }
                document.getElementById('lunbo').style.backgroundImage = arr[index]
            }, 3000)
        }
    </script>
</head>

<body style="background-color: rgb(247, 243, 243);">
    <div style="width: 1500px;margin: 0 auto;">
        <div id="head"></div>
        <script>
            $("#head").load("head.html")
        </script>
        <div id="lunbo" style="position: relative;top: -40px;">
            <ul>
                <li id="a" style="text-align: center;line-height: 35px;">1</li>
                <li id='b' style="text-align: center;line-height: 35px;left: 1060px;">2</li>
            </ul>

            <script>
                window.onload = function() {
                    document.getElementById('a').onmouseover = function() {
                        document.getElementById("lunbo").style.backgroundImage = "url('images/banner.jpg')"
                    }
                    document.getElementById('b').onmouseover = function() {
                        document.getElementById("lunbo").style.backgroundImage = "url('images/banner-3.jpg')"
                    }
                    var arr = ["url('images/banner.jpg')", "url('images/banner-3.jpg')"]
                    var index = 0
                    setInterval(function() {
                        index++
                        if (index > 2) {
                            index = 0;
                        }
                        document.getElementById('lunbo').style.backgroundImage = arr[index]
                    }, 3000)
                }
            </script>
            <div id="font"><br>Get Well <br>Be Well <br>Stay Well <br>
            </div>
        </div>
        <div id="vedio"><span style="color: white;position: relative;top:85px;left: 215px;">观看介绍视频</span>
            <div id="v1" onmousemove="vedio2()" onmouseout="vedio3()" onclick="vedio4()">
                <div id="v2"><a href="images/健康管理.mp4" id="v3">&nbsp;&nbsp;</a></div>
            </div>
        </div>
        <div>
            <div style="width: 1500px;height: 2500px;margin: 0 auto;">
                <div id="pp">
                    <a href="https://baike.baidu.com/item/%E5%81%A5%E5%BA%B7%E7%AE%A1%E7%90%86/280899?fr=aladdin">了解详细的内容...</p>
    </div>
    <div class="head1">
        <h1 style="height: 100px;"><strong>健康管理的四个方面&nbsp;&nbsp; <span style="color: lightslategray;">Managed Care</span> </strong></h1>
    </div>
    <div>
        <ul id="top">
        </ul>
    </div>
    <div id="pp2">
        <a href="https://baike.baidu.com/item/%E5%81%A5%E5%BA%B7%E7%AE%A1%E7%90%86/280899?fr=aladdin">了解更多核心能力...</p>
    </div>
    <div class="head2">
        <h1 style="height: 100px;"><strong>健康管理数字化核心能力&nbsp;&nbsp;<span style="color: lightslategray;">Core Competency</span></strong></h1>
    </div>
    <div class="picture4">
        <div class="p1">
            <h1><strong class="p2">H</strong></h1>
            <h4 class="p3"><strong>健康风险分级管理平台</strong></h4>
            <main class="p4">
                <p class="p4"><a href="page0.html?type=1">疾病风险、异常指标预测预警</a></p>
                    <p class="p4"><a href="page0.html?type=2">全面的档案创建与分析</a></p>
                    <p class="p4"><a href="page0.html?type=3">个人健康综合指数创建及分析</a></p>
                    <p class="p4"><a href="page0.html?type=4">健康数据可视化分析</a></p>
                    <p class="p4"><a href="page0.html?type=5">健康风险等级管理</a></p>
                    </main>
                </div>
            </div>
            <div class="picture5">
                <div class="p1">
                    <h1><strong class="p2" style="color: tomato;">M</strong></h1>
                    <h4 class="p3"><strong>人工智能健康干预平台</strong></h4>
                    <main class="p4">
                        <p class="p4"><a href="page0.html?type=6">用户行为记录及实时反馈</a></p>
                        <p class="p4"><a href="page0.html?type=7">健康顾问7*24h私人服务</a></p>
                        <p class="p4"><a href="page0.html?type=8">个性生活方式改善建议</a></p>
                        <p class="p4"><a href="page0.html?type=9">定制专属健康干预计划</a></p>
                    </main>
                </div>
            </div>
            <div class="head3">
                <h1 style="height: 100px;"><strong>新闻动态&nbsp&nbsp<span style="color: lightslategray;">News Center</span> </strong></h1>
            </div>
            <div id="pp3"><a href="https://baike.baidu.com/item/%E5%81%A5%E5%BA%B7%E7%AE%A1%E7%90%86/280899?fr=aladdin">了解更多新闻内容...</a>
            </div>
            <div id="foot" style="clear: both;">
                <div id="foot1"></div>
                <div id="foot2">
                    <a href="https://www.miao.cn/portal/news/newsDetail?id=253">《nature》刊发：慢病管理的数字化未来</a><br><br><br>
                    <p> Chronic disease management’s digital future</p>
                </div>
                <div id="foot3"></div>
                <div id="foot4"><a href="https://www.miao.cn/portal/news/newsDetail?id=257">打造“智惠健康”保险服务新模式</a><br><br><br>
                    <p>创新、开放、融合</p>
                </div>
            </div>
        </div>
    </div>
    </div>

    <div style="width: 100%;height: 300px;background-color:rgb(87, 142, 187);position: relative;top:-10px;font-size: 20px;">
        <div>
            <p style="width: 500px;height:100px;margin: 0px 0px;position: relative;top: 50px;">
                <a href="#">汇美医疗&nbsp;&nbsp;-1784226413@qq.com</a>
            </p>
            <p style="float: left;">
                <a href="#" title="关于我们">关于我们</a> ·
                <a href="#" title="联系我们">联系我们</a> ·
                <a href="#" title="使用协议">使用协议</a> ·
                <a href="#" title="版权隐私">版权隐私</a> ·
                <a href="#" title="网站留言">网站留言</a> ·
                <a href="#" title="友情链接">友情链接</a> ·
                <a href="#" title="网站地图">网站地图</a> ·
                <a title="移动应用" href="#">移动应用</a>
            </p>
            <p id="bootom_logo">版权所有 © 2021 <a href="#" title="医疗网 - yiliao.com！">医疗网</a> 保留所有权利 - <img height="14" src="http://www.yiliao.com/file/image/beian.png"> <a rel="nofollow" href="#">京ICP备00000000号-00</a></p><br>
            <div>
                <ul id="bottom_ul">
                    <li><strong>友情链接：</strong></li>
                    <li><a href="#">医学百科</a></li>
                    <li><a href="#">基因123</a></li>
                    <li><a href="#">癌症123</a></li>
                    <li><a href="#">医学导航</a></li>
                    <li><a href="#">微信小程序</a></li>
                    <li><a href="#">医疗网</a></li>
                    <li><a href="#">医药网</a></li>
                    <li><a href="#">中华养生网</a></li>
                </ul>
            </div>
            <div>
                <img src="../images/vx.jpg" alt="" class="bootomimg" style="width: 175px;height: 175px;position: relative;left:180px;top: -100px;">
                <img src="../images/qq.png" alt="" class="bootomimg" style="width: 155px;height: 155px; position: relative;left: 250px;top: -100px;">
            </div>
        </div>

    </div>
    </div>
    </div>
    <script>
        if (localStorage.getItem("************")) {
            console.log(localStorage.getItem("************"))
            console.log("panding")
            document.getElementById("www").innerHTML = `<li><a href="../dengluzuce/user.html">欢迎</a></li>
            <li class="line">|</li>
            <li><a href="../dengluzuce/user.html">${localStorage.getItem("************")}</a></li>
            <li class="line">|</li>
            <li><a href="javascript:;">消息通知</a></li>`
        }
    </script>
</body>

</html>